﻿@model HomeControllerModel.Index
<div class="container-12  clearfix m-tb-5 p-tb-5 placeholder">
    <div class="grid-2">
        @MyHelper.GetSideNavHtml()
    </div>
    <div class="grid-10">
        <div id="userinfo" class="m3">
            <div class="user">
                <div class="u-icon picture">
                    <div class="hide" id="modifyheader" style="display: none;">
                        <div class="upper fore" id="modUserImgBox">
                        </div>
                        <a class="fore" href="javascript:void(0)">修改头像</a>
                    </div>
                    <img alt="用户头像" src="@WebHelper.GetAvatarUrl(Model.User.Id)"
                id="user-avatar" onerror="this.src='http://i.360buy.com/commons/img/no-img_mid_.jpg'"/>
                    @*            <a class="fancybox fancybox.ajax" href="/Home/Avatar?r=@Guid.NewGuid()" title="修改头像">修改头像</a>
*@ <a href="javascript:void(0);" onclick="Sk.My.Fun.avatar();" title="修改头像">修改头像</a>

                </div>
                <div class="extra">
                    <a class="fancybox fancybox.ajax" href="/home/changepwd">修改密码</a></div>
            </div>
            <!--user-->
            <div id="i-userinfo">
                <div class="username">
                    <div id="userinfodisp" class="fl ftx-03">
                        <strong>@Model.User.NickName</strong>,欢迎您！</div>
                    <div id="jdTask" class="extra">
                    </div>
                </div>
                <div class="account">
                    <div class="member" id="memberInfo">
                        <div clstag="click|keycount|myhome|currentclass" class="rank r2">
                            <a href="http://bankws.360buy.com/consume/usergrade.aspx" target="_blank">铁牌用户</a></div>
                        <div style="display: block;" class="memb-info">
                            今年已消费￥625，再消费￥1375可升级到<a href="http://help.360buy.com/help/question-57.html" target="_blank">铜牌用户</a></div>
                        <div class="close">
                        </div>
                    </div>
                    <div id="double_href" style="display: none" class="fl">
                        <a target="_blank" href="http://bankws.360buy.com/consume/usergrade.aspx" clstag="click|keycount|myhome|vip">
                            <s></s>查看VIP服务专线</a></div>
                </div>
                <div class="acco-safe">
                    <span id="" class="fl">账户安全：</span><i id="cla" class="ir icon-s-01"></i> <a class="teln"
                        href="http://i.360buy.com/user/verifyMobile" clstag="click|keycount|myhome|verifyMobile">
                        <s></s>手机未验证</a> <a class="mailn" href="http://i.360buy.com/user/verifyMail" clstag="click|keycount|myhome|verifymail">
                            <s></s>邮箱未验证</a> <span id="zfmmid"><a href="http://safe.360buy.com/user/paymentpassword/findByPin.action"
                                class="spsdn"><s></s>未设置支付密码</a></span>
                </div>
                <!--end-->
                <div id="remind">
                    <div class="oinfo">
                        <dl class="fore">
                            <dt>订单提醒：</dt>
                            <dd>
                                <span clstag="click|keycount|myhome|ordercount" id="orderCount"><a href="http://jd2008.360buy.com/JdHome/OrderList.aspx?jdhome=myjd"
                                    class="flk-03">待处理订单(0)</a></span></dd>
                            <dd>
                                <a href="http://club.360buy.com/mycomments.aspx" clstag="click|keycount|myhome|commentscount"
                                    id="reviewCountHref" class="flk-03">待评价商品(<span id="reviewCount"></span>)</a></dd>
                            <dd>
                                <a href="http://club.360buy.com/mycomments.aspx" clstag="click|keycount|myhome|shaidancount"
                                    id="sdCountHref" class="flk-03">待晒单商品(<span id="sdCount"></span>)</a></dd>
                        </dl>
                        <dl>
                            <dt>我的关注：</dt>
                            <dd>
                                <a href="http://t.360buy.com/home/follow?page=1&amp;m_m=1" clstag="click|keycount|myhome|priceReductionHref"
                                    id="priceReductionHref">降价商品(<span id="priceReduction">3</span>)</a></dd>
                            <dd>
                                <a href="http://t.360buy.com/home/follow?page=1&amp;p_p=1" clstag="click|keycount|myhome|promotion"
                                    id="promotionHref" class="flk-03">促销商品<span>(<span id="promotion">0</span>)</span></a></dd>
                            <dd>
                                <a href="http://t.360buy.com/home/follow?page=1&amp;a_a=1&amp;r_r=1" clstag="click|keycount|myhome|arriveStock"
                                    id="arriveStockHref" class="flk-03">新到货商品(<span id="arriveStock">0</span>)</a></dd>
                        </dl>
                        <dl>
                            <dt>消息精灵：</dt>
                            <dd>
                                <a href="http://club.360buy.com/MyMessages.aspx" clstag="click|keycount|myhome|messageCount"
                                    id="messageCountHref" class="flk-03">提醒/通知：(<span id="messageCount">0</span>)</a></dd>
                            <dd>
                                <a href="http://jd2008.360buy.com/user_spzx.aspx" clstag="click|keycount|myhome|notificationCount"
                                    id="notificationCountHref">已回复的咨询(<span id="notificationCount">1</span>)</a></dd>
                        </dl>
                    </div>
                    <div class="ainfo">
                        <dl class="fore">
                            <dt>账户余额：</dt>
                            <dd>
                                <a clstag="click|keycount|myhome|yue" href="http://bankws.360buy.com/finance/balance/recently.aspx">
                                    <span id="divBalance"><strong class="ftx-03">￥0.00</strong></span></a></dd>
                        </dl>
                        <dl>
                            <dt>我的积分：</dt>
                            <dd>
                                <a class="flk-03" clstag="click|keycount|myhome|jifen" href="http://bankws.360buy.com/score/Integral/ScoreExhibit.aspx">
                                    <span id="divContent">2</span>分</a></dd>
                        </dl>
                        <dl>
                            <dt>优惠券：</dt>
                            <dd class="fore1">
                                <a href="http://coupon.360buy.com/user_quan.aspx" clstag="click|keycount|myhome|quan"
                                    id="CouponCountHref" class="flk-03"><span id="CouponCount">0</span>张</a>
                            </dd>
                            <dt>礼品卡：</dt>
                            <dd>
                                <a href="http://jd2008.360buy.com/PresentCard.aspx" clstag="click|keycount|myhome|lipinka"
                                    id="LipinkaCountHref" class="flk-03"><span id="LipinkaCount">0</span>张</a></dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@section css{
    <style>
        #userinfo { border-radius: 2px 2px 2px 2px; padding: 10px 10px 10px 5px; }
        .user { float: left; text-align: center; }
        #userinfo .user { position: relative; }
        .user .u-icon { background: url("i/index.png") no-repeat scroll -42px -33px transparent; display: table-cell; height: 116px; text-align: center; vertical-align: middle; width: 120px; }
        .user .u-icon img { margin-top: -5px; }
        * + html .user .u-icon img { margin-top: 4px; }
        .picture, #mlist .p-img a, #mlist01 .p-img a { position: relative; }
        .upper, .comment { background: none repeat scroll 0 0 #FFFFFF; left: 0; opacity: 0.7; position: absolute; }
        .upper { height: 20px; left: 10px; overflow: hidden; top: 84px; width: 100px; }
        #userinfo .extra .fore { left: 10px; position: absolute; top: 84px; width: 100px; }
        .comment { height: 55px; top: 45px; width: 100%; }
        .picture a, .comment01 { left: 0; position: absolute; width: 100%; z-index: 40; }
        .picture a { top: 84px; }
        .comment01 { top: 47px; }
        #mlist .reco-list .p-img a, #mlist01 .reco-list .p-img a { border: 1px solid #FFFFFF; display: block; height: 100px; margin: 0 auto; width: 100px; }
        #mlist .reco-list .p-img a:hover, #mlist01 .reco-list .p-img a:hover { border-color: #CCCCCC; }
        .account, .acco-safe { line-height: 23px; margin-bottom: 5px; overflow: hidden; }
        #i-userinfo { border-left: 1px solid #FFEED6; margin-left: 125px; padding-left: 10px; }
        .username { height: 30px; line-height: 25px; margin-bottom: 3px; overflow: hidden; }
        .username .extra { float: right; }
        .username strong { color: #333333; font-size: 20px; font-weight: normal; }
        .username strong.ftx-01 { color: #CC0000; font-size: 12px; font-weight: bold; margin-left: 8px; }
        .member { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFEED6; float: left; height: 23px; margin-right: 10px; overflow: hidden; }
        .memb-info { border-left: 1px solid #FFEED6; color: #999999; float: left; overflow: hidden; padding-left: 4px; width: 380px; }
        .memb-info-01 { width: 155px; }
        .memb-info-02 { width: 545px; }
        .member .close { background: url("i/index.png") no-repeat scroll -47px -150px transparent; border-left: 1px solid #FFEED6; cursor: pointer; float: left; height: 23px; text-align: center; width: 17px; }
        .member .hover { background-position: -64px -150px; }
        .rank { float: left; padding-right: 4px; }
        .acco-safe s, .account .fl s { background: url("i/icon-veri.png") no-repeat scroll 0 0 transparent; display: inline-block; font-size: 0; height: 16px; line-height: 100px; margin-right: 3px; overflow: hidden; vertical-align: middle; width: 16px; }
        .account .fl s { background-position: -51px 0; height: 20px; width: 22px; }
        .acco-safe a { margin-right: 12px; }
        .acco-safe .teln s { background-position: 0 -17px; }
        .acco-safe .mail s { background-position: -17px 0; }
        .acco-safe .mailn s { background-position: -17px -17px; }
        .acco-safe .spsd s { background-position: -34px 0; }
        .acco-safe .spsdn s { background-position: -34px -17px; }
        .rank s { background: url("i/rank2011.gif") repeat scroll 0 0 transparent; float: left; height: 16px; margin: 3px 5px; width: 16px; }
        .r2 s { background-position: 0 -17px; }
        .r3 s { background-position: 0 -34px; }
        .r4 s { background-position: 0 -51px; }
        .r5 s { background-position: 0 -68px; }
        .r6 s { background-position: 0 -87px; }
        .r7 s { background-position: 0 -104px; }
        .r8 s { background-position: 0 -121px; }
        .r9 s { background-position: 0 -138px; }
        .r10 s { background-position: 0 -154px; }
        .star s { background-image: url("http://misc.360buyimg.com/201007/skin/df/i/icon_clubs.gif"); background-repeat: no-repeat; display: block; height: 12px; margin: 0 auto; overflow: hidden; width: 64px; }
        .sa0 s { background-position: -65px 0; }
        .sa1 s { background-position: -52px 0; }
        .sa2 s { background-position: -39px 0; }
        .sa3 s { background-position: -26px 0; }
        .sa4 s { background-position: -13px 0; }
        .sa5 s { background-position: 0 0; }
        #remind { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFEED6; overflow: hidden; padding: 10px; }
        #remind dl { border-top: 1px solid #FFEED6; height: 30px; line-height: 30px; overflow: hidden; }
        #remind .fore { border-top: medium none; }
        #remind dl dt, #remind dl dd { float: left; }
        #remind .oinfo { float: left; width: 405px; }
        #remind .oinfo dd { padding-right: 10px; width: 104px; }
        #remind .ainfo { border-left: 1px solid #FFEED6; float: left; margin-left: 10px; padding-left: 10px; width: 220px; }
        #remind .ainfo .fore1 { margin-right: 30px; }
        #reco-area { float: left; width: 608px; }
        #reco-area .p-price strong { color: #CC0000; font-weight: normal; }
        #reco-area .mc { height: 183px; overflow: hidden; position: relative; z-index: 0; }
    </style>
}
@section js
{
    <script type="text/javascript">
    </script>
}
